<link rel="stylesheet" href="css/swiperSlide.min.css">
<style>
   .swiper-container {
        width: 100%;
        height: 7.6rem;
        padding-top:2.15rem;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #000;
    }
    .swiper-slide img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      left: 50%;
      top: 50%;
    }
</style>
 <header class="header"> 
    <div class="search-return" id="rtn_index" style="width: 20%;">
     <img src="images/return-icon.png" />
    </div> 
    <div class="title-center" id="pageTitle_index">
     知识库
    </div> 
    <div class="next-operation"></div> 
   </header> 
   <div class="iscrollListContent" id="indexPageMenuListContent" style="top:0rem;margin-bottom:2.2rem;">
<div class="scroller">
    <div id="indexPageMenuList">
		<div id="banner_index" class="banner">
		    <!-- Swiper JS -->
		    <ul>                                                                                                                 
			    <div class="swiper-container">                                                                                   
			        <div class="swiper-wrapper">   
			        	<div class="swiper-slide" link-src="http://h5web.bluemp.net/shellm/">                                                                                 
			                <img data-src="images/banner01.jpg" class="swiper-lazy">          
			                <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>                                
			            </div> 
			        </div>                                                                                                       
			        <div class="swiper-pagination swiper-pagination-white"></div>                                                
			    </div>                                                                                                           
			</ul>                                                                                                              
		</div>
		<!--<div class="indexbanner"><img src="images/konwledge-home.jpg"></div> -->
		<div class="theme clearfloat"> 
			
				<div class="list clearfloat" id="searchInput_index"> 
				<ul class="apphome_ul"> 
				<li><a><img src="images/home-search.png" /></a></li> 
				<li>搜索</li> 
				</ul> 
				</div> 
				<div class="list clearfloat" id="selectIndustry_index"> 
				<ul class="apphome_ul"> 
				<li><a><img src="images/home-hytb.png" /></a></li> 
				<li>行业图表</li> 
				</ul> 
				</div> 
				<div class="list clearfloat" id="productList_index"> 
				<ul class="apphome_ul"> 
				<li><a><img src="images/home-product.png" /></a></li> 
				<li>产品</li> 
				</ul> 
				</div> 
				<div class="list clearfloat" id="worthDoc_index"> 
				<ul class="apphome_ul"> 
				<li><a><img src="images/home-jzwd.png" /></a></li> 
				<li>价值文档</li> 
				</ul> 
				</div> 
				<div class="list clearfloat" id="collectionList_index"> 
				<ul class="apphome_ul"> 
				<li><a><img src="images/home-sc.png" /></a></li> 
				<li>S-OEM</li>
				</ul> 
				</div> 
				<div class="list clearfloat" id="attenchmentList_index"> 
				<ul class="apphome_ul"> 
				<li><a><img src="images/home-annel.png" /></a></li> 
				<li>我的</li>
				</ul> 
				</div> 
			</div> 
		</div>
	</div>
</div>
<div class="home-footer" id="home-footer">
	 <ul class="home-footer-ul" id="baike_index">
	 	 <li><img src="images/home-baike.png" /> 润滑油百科</li>
	 </ul>
	 <ul class="home-footer-ul" id="pingtai_index">
	 	 <li><img src="images/home-pingtai.png" /> 小贝在线</li>
	 </ul>
</div>